<template>
  <div id="app">
    <!-- <img alt="Vue logo" src="./assets/logo.png"> -->
    <!-- <HelloWorld msg="Welcome to Your Vue.js App"/> -->
    <!-- <ZhuYu/> -->
     <!-- <Detail/> -->
    <!-- 使用 router-link 组件创建导航链接 -->
    <!-- <router-link to="/">Home</router-link>
    <router-link to="/detail">detail</router-link> -->
 
    <!-- 使用 $router.push 进行编程式导航 -->
    <!-- <button @click="goToAbout">Go to Detail</button>
      -->
    <!-- <Home/> -->
     <!-- <model></model> -->
     <!-- <router-link to="/home">Go to Foo</router-link>
     <router-link to="/detail">Go to Bar</router-link>
     <router-link to="/element">Go to element</router-link>
     <router-view></router-view> -->
     <ZhuYu></ZhuYu>
  </div>
</template>

<script>
// import model from './views/model.vue';
// import Detail from './views/Detail.vue';
// import Home from './views/Home.vue';
// import HelloWorld from './components/HelloWorld.vue'
import ZhuYu from './ZhuYu.vue';
// import Home from './views/Home.vue';
// import Detail from './views/Detail.vue';
// import listView from './listView.vue';
export default {
  name: 'qq',
  components: {
    ZhuYu
    // model
    // Detail
    // Home
    // HelloWorld,
    // ZhuYu
    // Home
    // Detail
  },
  methods: {
    goToAbout() {
      // 使用 this.$router.push 方法来进行编程式跳转
      this.$router.push('/detail');
    }
  }
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  /* margin-top: 60px; */
  /* background-color: red; */
}
</style>
